 
	
/*------------------*/
.introhead{
	text-indent:40px;
}
@media screen and (min-width:768px){
    .introduction-body{
        width:90%;
        margin:auto;
        margin-top:30px;
    }
    .introduction-div{
        width:100%;
       
    }
    .introduceimg{
        width:40%;
        height:300px;
    }
    .introducep{
        padding-top:20px;
    }
}
@media screen and (max-width:768px){
    .introduction-body{
        width:96%;
        margin:auto;
        margin-top:20px;
    }
    .introduceimg{
        width:100%;
        height:300px;
}
}
 
.introduction-div{
    background-color:#F7F7F7;
    margin-top:40px;
 
}
 
.introducep{
    display:inline-block;
} 
 
@media screen and (min-width:768px){
    .introducep{
        width:50%;
        height:300px;
        margin-left:20px;
    }
    .introimg2{
        float:right;
    }
}
.honordiv{
       width:90%;
       margin:auto;
       margin-bottom:20px;
       text-align:center;
       background-color:#F7F7F7;
       padding:10px;
       margin-top:30px;
   } 
 
@media screen and (min-width:768px){
   .honordiv img{
       border:1px solid #F7F7F7;
       box-shadow:1px 1px 5px gray;
       padding:5px;
       display:inline-block;
     
       height:300px;
       margin:2%;
   }
}
@media screen and (max-width:768px){
    .honordiv img{
        width:100%;
        height:300px;
        margin-bottom:20px;
        border:1px solid #F7F7F7;
        box-shadow:1px 1px 5px gray;
        padding:5px;
        
    }
}